<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Quartz Cron 生成工具</title>
    <%@ include file="/common/meta.jsp" %>
    <script type="text/javascript" src="${ctxStatic}/js/cron.js"></script>
    <style>
        .line{
            height: 25px;
            line-height: 25px;
            margin: 3px;
        }
        .imp{
            padding-left: 25px;
        }
        .col{
            width:95px;
        }
    </style>
</head>
<body >
<h2>Quartz Cron 生成工具</h2>
<div class="easyui-layout" style="width:830px;height:540px;border:1px rgb(202, 196, 196) solid;border-radius: 5px">
<div data-options="region:'center',border:false" title="CRON表达式配置">
<div class="easyui-tabs" data-options="fit:true,border:false">
<div title="秒">
    <div class="line"><input type="radio" checked="checked" name="second" onclick="everyTime(this)"> 每秒 允许的通配符[, - * /]</div>
    <div class="line"><input type="radio" name="second" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:58" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:59" value="2"> 秒</div>
    <div class="line"><input type="radio" name="second" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:59" value="0"> 秒开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:59" value="1"> 秒执行一次</div>
    <div class="line"><input type="radio" name="second" id="sencond_appoint"> 指定</div>
    <div class="imp secondList">
        <input type="checkbox" value="1">01
        <input type="checkbox" value="2">02
        <input type="checkbox" value="3">03
        <input type="checkbox" value="4">04
        <input type="checkbox" value="5">05
        <input type="checkbox" value="6">06
        <input type="checkbox" value="7">07
        <input type="checkbox" value="8">08
        <input type="checkbox" value="9">09
        <input type="checkbox" value="10">10</div><div class="imp secondList">
    <input type="checkbox" value="11">11
    <input type="checkbox" value="12">12
    <input type="checkbox" value="13">13
    <input type="checkbox" value="14">14
    <input type="checkbox" value="15">15
    <input type="checkbox" value="16">16
    <input type="checkbox" value="17">17
    <input type="checkbox" value="18">18
    <input type="checkbox" value="19">19
    <input type="checkbox" value="20">20</div><div class="imp secondList">
    <input type="checkbox" value="21">21
    <input type="checkbox" value="22">22
    <input type="checkbox" value="23">23
    <input type="checkbox" value="24">24
    <input type="checkbox" value="25">25
    <input type="checkbox" value="26">26
    <input type="checkbox" value="27">27
    <input type="checkbox" value="28">28
    <input type="checkbox" value="29">29
    <input type="checkbox" value="30">30</div><div class="imp secondList">
    <input type="checkbox" value="31">31
    <input type="checkbox" value="32">32
    <input type="checkbox" value="33">33
    <input type="checkbox" value="34">34
    <input type="checkbox" value="35">35
    <input type="checkbox" value="36">36
    <input type="checkbox" value="37">37
    <input type="checkbox" value="38">38
    <input type="checkbox" value="39">39
    <input type="checkbox" value="40">40</div><div class="imp secondList">
    <input type="checkbox" value="41">41
    <input type="checkbox" value="42">42
    <input type="checkbox" value="43">43
    <input type="checkbox" value="44">44
    <input type="checkbox" value="45">45
    <input type="checkbox" value="46">46
    <input type="checkbox" value="47">47
    <input type="checkbox" value="48">48
    <input type="checkbox" value="49">49
    <input type="checkbox" value="50">50</div><div class="imp secondList">
    <input type="checkbox" value="51">51
    <input type="checkbox" value="52">52
    <input type="checkbox" value="53">53
    <input type="checkbox" value="54">54
    <input type="checkbox" value="55">55
    <input type="checkbox" value="56">56
    <input type="checkbox" value="57">57
    <input type="checkbox" value="58">58
    <input type="checkbox" value="59">59
</div>
</div>
<div title="分钟">
    <div class="line"><input type="radio" checked="checked" name="min" onclick="everyTime(this)"> 分钟 允许的通配符[, - * /]</div>
    <div class="line"><input type="radio" name="min" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:58" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:59" value="2"> 分钟</div>
    <div class="line"><input type="radio" name="min" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:59" value="0"> 分钟开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:59" value="1"> 分钟执行一次</div>
    <div class="line"><input type="radio" name="min" id="min_appoint"> 指定</div>
    <div class="imp minList">
        <input type="checkbox" value="1">01
        <input type="checkbox" value="2">02
        <input type="checkbox" value="3">03
        <input type="checkbox" value="4">04
        <input type="checkbox" value="5">05
        <input type="checkbox" value="6">06
        <input type="checkbox" value="7">07
        <input type="checkbox" value="8">08
        <input type="checkbox" value="9">09
        <input type="checkbox" value="10">10</div><div class="imp minList">
    <input type="checkbox" value="11">11
    <input type="checkbox" value="12">12
    <input type="checkbox" value="13">13
    <input type="checkbox" value="14">14
    <input type="checkbox" value="15">15
    <input type="checkbox" value="16">16
    <input type="checkbox" value="17">17
    <input type="checkbox" value="18">18
    <input type="checkbox" value="19">19
    <input type="checkbox" value="20">20</div><div class="imp minList">
    <input type="checkbox" value="21">21
    <input type="checkbox" value="22">22
    <input type="checkbox" value="23">23
    <input type="checkbox" value="24">24
    <input type="checkbox" value="25">25
    <input type="checkbox" value="26">26
    <input type="checkbox" value="27">27
    <input type="checkbox" value="28">28
    <input type="checkbox" value="29">29
    <input type="checkbox" value="30">30</div><div class="imp minList">
    <input type="checkbox" value="31">31
    <input type="checkbox" value="32">32
    <input type="checkbox" value="33">33
    <input type="checkbox" value="34">34
    <input type="checkbox" value="35">35
    <input type="checkbox" value="36">36
    <input type="checkbox" value="37">37
    <input type="checkbox" value="38">38
    <input type="checkbox" value="39">39
    <input type="checkbox" value="40">40</div><div class="imp minList">
    <input type="checkbox" value="41">41
    <input type="checkbox" value="42">42
    <input type="checkbox" value="43">43
    <input type="checkbox" value="44">44
    <input type="checkbox" value="45">45
    <input type="checkbox" value="46">46
    <input type="checkbox" value="47">47
    <input type="checkbox" value="48">48
    <input type="checkbox" value="49">49
    <input type="checkbox" value="50">50</div><div class="imp minList">
    <input type="checkbox" value="51">51
    <input type="checkbox" value="52">52
    <input type="checkbox" value="53">53
    <input type="checkbox" value="54">54
    <input type="checkbox" value="55">55
    <input type="checkbox" value="56">56
    <input type="checkbox" value="57">57
    <input type="checkbox" value="58">58
    <input type="checkbox" value="59">59
</div>
</div>
<div title="小时">
    <div class="line"><input type="radio" checked="checked" name="hour" onclick="everyTime(this)"> 小时 允许的通配符[, - * /]</div>
    <div class="line"><input type="radio" name="hour" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:23" value="0"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:23" value="2"> 小时</div>
    <div class="line"><input type="radio" name="hour" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:0,max:23" value="0"> 小时开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:23" value="1"> 小时执行一次</div>
    <div class="line"><input type="radio" name="hour" id="hour_appoint"> 指定</div>
    <div class="imp hourList">AM:
        <input type="checkbox" value="0">00
        <input type="checkbox" value="1">01
        <input type="checkbox" value="2">02
        <input type="checkbox" value="3">03
        <input type="checkbox" value="4">04
        <input type="checkbox" value="5">05
        <input type="checkbox" value="6">06
        <input type="checkbox" value="7">07
        <input type="checkbox" value="8">08
        <input type="checkbox" value="9">09
        <input type="checkbox" value="10">10
        <input type="checkbox" value="11">11
    </div>
    <div class="imp hourList">PM:
        <input type="checkbox" value="12">12
        <input type="checkbox" value="13">13
        <input type="checkbox" value="14">14
        <input type="checkbox" value="15">15
        <input type="checkbox" value="16">16
        <input type="checkbox" value="17">17
        <input type="checkbox" value="18">18
        <input type="checkbox" value="19">19
        <input type="checkbox" value="20">20
        <input type="checkbox" value="21">21
        <input type="checkbox" value="22">22
        <input type="checkbox" value="23">23
    </div>
</div>
<div title="日">
    <div class="line"><input type="radio" checked="checked" name="day" onclick="everyTime(this)"> 日 允许的通配符[, - * / L W]</div>
    <div class="line"><input type="radio" name="day" onclick="unAppoint(this)"> 不指定</div>
    <div class="line"><input type="radio" name="day" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:31" value="2"> 日</div>
    <div class="line"><input type="radio" name="day" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 日开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 天执行一次</div>
    <div class="line"><input type="radio" name="day" onclick="workDay(this)"> 每月 <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 号最近的那个工作日</div>
    <div class="line"><input type="radio" name="day" onclick="lastDay(this)"> 本月最后一天</div>
    <div class="line"><input type="radio" name="day" id="day_appoint"> 指定</div>
    <div class="imp dayList">
        <input type="checkbox" value="1">1
        <input type="checkbox" value="2">2
        <input type="checkbox" value="3">3
        <input type="checkbox" value="4">4
        <input type="checkbox" value="5">5
        <input type="checkbox" value="6">6
        <input type="checkbox" value="7">7
        <input type="checkbox" value="8">8
        <input type="checkbox" value="9">9
        <input type="checkbox" value="10">10
        <input type="checkbox" value="11">11
        <input type="checkbox" value="12">12
        <input type="checkbox" value="13">13
        <input type="checkbox" value="14">14
        <input type="checkbox" value="15">15
        <input type="checkbox" value="16">16
    </div>
    <div class="imp dayList">
        <input type="checkbox" value="17">17
        <input type="checkbox" value="18">18
        <input type="checkbox" value="19">19
        <input type="checkbox" value="20">20
        <input type="checkbox" value="21">21
        <input type="checkbox" value="22">22
        <input type="checkbox" value="23">23
        <input type="checkbox" value="24">24
        <input type="checkbox" value="25">25
        <input type="checkbox" value="26">26
        <input type="checkbox" value="27">27
        <input type="checkbox" value="28">28
        <input type="checkbox" value="29">29
        <input type="checkbox" value="30">30
        <input type="checkbox" value="31">31
    </div>
</div>
<div title="月">
    <div class="line"><input type="radio" checked="checked" name="mouth" onclick="everyTime(this)"> 月 允许的通配符[, - * /]</div>
    <div class="line"><input type="radio" name="mouth" onclick="unAppoint(this)"> 不指定</div>
    <div class="line"><input type="radio" name="mouth" onclick="cycle(this)"> 周期从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:12" value="2"> 月</div>
    <div class="line"><input type="radio" name="mouth" onclick="startOn(this)"> 从 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> 日开始,每 <input class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> 月执行一次</div>
    <div class="line"><input type="radio" name="mouth" id="mouth_appoint"> 指定</div>
    <div class="imp mouthList">
        <input type="checkbox" value="1">1
        <input type="checkbox" value="2">2
        <input type="checkbox" value="3">3
        <input type="checkbox" value="4">4
        <input type="checkbox" value="5">5
        <input type="checkbox" value="6">6
        <input type="checkbox" value="7">7
        <input type="checkbox" value="8">8
        <input type="checkbox" value="9">9
        <input type="checkbox" value="10">10
        <input type="checkbox" value="11">11
        <input type="checkbox" value="12">12
    </div>
</div>
<div title="周">
    <div class="line"><input type="radio" checked="checked" name="week" onclick="everyTime(this)"> 周 允许的通配符[, - * / L #]</div>
    <div class="line"><input type="radio" name="week" onclick="unAppoint(this)"> 不指定</div>
    <div class="line"><input type="radio" name="week" onclick="startOn(this)"> 周期 从星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"> - <input class="numberspinner" style="width:60px;" data-options="min:2,max:7" value="2"></div>
    <div class="line"><input type="radio" name="week" onclick="weekOfDay(this)"> 第<input class="numberspinner" style="width:60px;" data-options="min:1,max:4" value="1"> 周 的星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"></div>
    <div class="line"><input type="radio" name="week" onclick="lastWeek(this)"> 本月最后一个星期<input class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"></div>
    <div class="line"><input type="radio" name="week" id="week_appoint"> 指定</div>
    <div class="imp weekList">
        <input type="checkbox" value="1">1
        <input type="checkbox" value="2">2
        <input type="checkbox" value="3">3
        <input type="checkbox" value="4">4
        <input type="checkbox" value="5">5
        <input type="checkbox" value="6">6
        <input type="checkbox" value="7">7
    </div>
</div>
<div title="年">
    <div class="line"><input type="radio" checked="checked" name="year" onclick="unAppoint(this)"> 不指定 允许的通配符[, - * /] 非必填</div>
    <div class="line"><input type="radio" name="year" onclick="everyTime(this)"> 每年</div>
    <div class="line"><input type="radio" name="year" onclick="cycle(this)">周期 从 <input class="numberspinner" style="width:90px;" data-options="min:2013,max:3000" value="2013"> - <input class="numberspinner" style="width:90px;" data-options="min:2014,max:3000" value="2014"></div>
</div>
</div>
</div>
<div data-options="region:'south',border:false" style="height:230px">
    <fieldset style="border-radius: 3px;height:116px;">
        <legend>表达式</legend>
        <table style="height: 100px;">
            <tbody>
            <tr>
                <td ></td>
                <td  align="center">
                    秒
                </td>
                <td  align="center">
                    分钟
                </td>
                <td  align="center">
                    小时
                </td>
                <td  align="center">
                    日
                </td>
                <td  align="center">
                    月<br/>
                </td>
                <td  align="center">
                    星期
                </td>
                <td align="center">
                    年
                </td>
            </tr>
            <tr>
                <td  >
                    表达式字段:
                </td>
                <td  >
                    <input type="text" name="v_second" class="col" value="*" readonly="readonly"/>
                </td>
                <td  >
                    <input type="text" name="v_min" class="col" value="*" readonly="readonly"/>
                </td>
                <td >
                    <input type="text" name="v_hour" class="col" value="*" readonly="readonly"/>
                </td>
                <td >
                    <input type="text" name="v_day" class="col" value="*" readonly="readonly"/>
                </td>
                <td >
                    <input type="text" name="v_mouth" class="col" value="*" readonly="readonly"/>
                </td>
                <td >
                    <input type="text" name="v_week" class="col" value="?" readonly="readonly"/>
                </td>
                <td >
                    <input type="text" name="v_year"  class="col" readonly="readonly"/>
                </td>
            </tr>
            <tr>
                <td  >
                    Cron表达式:
                </td>
                <td colspan="7">
                    <input type="text" name="cron" style="width:100%;" value="* * * * * ? " id="cron" readonly="readonly"/>
                </td>
            </tr>
            </tbody>
        </table>
    </fieldset>
    </div>
</div>
</body>
</html>